<template>
  <div class="app">

  </div>
</template>

<script>
import {onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted, onActivated, onDeactivated} from "vue"

export default {
  name: 'App',
  setup(props, context) {
    onBeforeMount(() => {
      console.log("onBeforeMount")
    })
    onMounted(() => {
      console.log("onMounted")
    })
    onBeforeUpdate(()=>{
      console.log("onBeforeUpdate")
    })
    onUpdated(()=>{
      console.log("onUpdated")
    })
    onBeforeUnmount(()=>{
      console.log("onBeforeUnmount")
    })
    onUnmounted(()=>{
      console.log("onUnmounted")
    })
    onActivated(()=>{
      console.log("onActivated")
    })
    onDeactivated(()=>{
      console.log("onDeactivated")
    })
  }
}
</script>

<style lang="less"></style>
